<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Javascript章节 第一课 的第二个文件</title>
	</head>

	<body id="body">
		<h1 align="center">认识Javascript</h1>
		<hr>
		<ol>
			<li>JS输出</li>
			<li>JS引用</li>
			<li>JS注释</li>
			<li>JS变量</li>
			<li>JS运算</li>
		</ol>

		<p>演示：</p>

		<pre>
			111

			111
			111  111 111
		</pre>

		<!-- HTML注释 -->

		<style>
			/* CSS注释 */
		</style>

		<script type="text/javascript">
			// JS注释

			/*
			这是
			JS注释
			command + / 注释快捷键
			*/

			// 什么是变量？
			// 变量的命名规范
			// qwertyuiopasdfghjklzxcvbnm_$
			
			// 变量的声明／申明
			// var a;
			// var _as;
			// var as$_;
			// var Aas$_;
			
			// javascript，PHP 是弱类型脚本语言 没有明确的变量类型，变量类型会通过程序，自动隐式转换
			// C，JAVA，Object-c 强类型语言 需要明确定义变量类型，并且变量之间不会自动转换
			
			// 变量的7种类型
			// 123456 数字类型
			// 我是XXX 字符类型
			// Undefind 未申明的变量类型
			// true／false 布尔类型

			// null 空类型
			// array 数组类型
			// object 对象类型

			// // 演示：
			// var num = 12;
			// var name = 'winder';
			// var no = null;
			// var not = false;
			// var shuzu = new Array;
			// var obj = new Object;
			// var func = function(){};

			// console.log(typeof(num));
			// console.log(typeof(name));
			// console.log(typeof(Undefind));
			// console.log(typeof(no));
			// console.log(typeof(not));
			// console.log(typeof(shuzu));
			// console.log(typeof(obj));
			// console.log(typeof(func));
			
			//console是控制台对象，log是对象的方法，作用是在控制台输出
			

			// JS运算有哪些?
			// +-*/% ++ -- 数学运算
			// = += -= ／= *= %=赋值运算
			// > < >= <= == === != 关系运算 bool
			// && || ! 逻辑运算符
			// & | ^ << >>> 位运算符
			// true ? 1 : 0; 三元运算符
			
			// // 演示：
			var a = 19,
				b = 5,
				c,
				d = 0;

			// 17 / 3 = 5.xxxxx
			// 17 / 3 = 5 余 2
			// console.log(a%b);
			
			// a++;
			// ++a;
			// a = a + 1;
			// c = a++;
			// c = ++a;
			// console.log(c);
			// console.log(a);
			
			// a--;
			// --a;
			// a = a++;
			// c = a++ + --a; // 38
			// console.log(c);
			
			// c = a++;
			// c = a--;
			// c = ++a;
			// c = --a;
			// c = ++a + a++;
			// c = a-- + --a;
			// c = a-- + a++;
			// c = a-- + ++a;

			// a += 2;
			// a = a + 2;
			// a -= 2;
			// a = a - 2;
			// console.log(a);
			
			c = a + d-- - ++b + d++ - --a; // 作业题


			// console.log(a);
			// console.log(b);
			// console.log(typeof(a));
			// console.log(typeof(b));
			// console.log(a == b);
			// console.log(a === b);
			// === 比较 变量的值和类型，必须都相等才能成立
			// == 比较 值，值相等则成立

			// // 总页码 2
			// // 当前页码 1
			// // 如何判断下一页该进入第几个轮播图页面？
			// var pages = 5;
			// var curr = 6;
			// var next;
			// if (curr >= pages) {
			// 	alert('总共' + pages + '页，当前' + curr + '页，已经到最后一页了');
			// 	next = 1;
			// } else {
			// 	alert('总共' + pages + '页，当前' + curr + '页，不是最后一页，继续往下翻！');
			// 	next = curr + 1;
			// }
			// alert('下一页是：' + next);


			// console.log(typeof('a'));
			// var a = 1;
			// console.log(typeof(a));
			
			// fn = x*y;

			// 弹窗输出
			// window.alert(1);
			
			// 输出HTML
			// document.write('<pre>');
			// document.writeln(111);
			// document.writeln(111);
			// document.writeln(111);
			// document.write('</pre>');
			
			// 控制台日志输出
			// console.log(222);
			// var jsonobj = [{a:1,b:2},{c:3,d:4}]
			// console.table(jsonobj);
			
		</script>

		<script type="text/javascript" src="./demo1.js"></script>
		
	</body>
</html>